Additional resources

Some handy links to help you learn more about, and become more productive in, CSS.

CSS Current Work Page

Current listing of all W3C CSS specifications. Frequently updated, and provides a road map of where CSS is heading. Pay particular attention to the Flex Box, CSS Exclusions, Grid Layout, and CSS Templates specs. While not currently widely supported, and still in the early stages of developement, these specifications provide a look at how we'll control page layout in the future.

YUI Grids

A massive grid system designed to work with various layout styles. The documentation contains a wealth of information about page layout and cross-browser compliancy.

Mediaqueri.es

Gallery site that showcases responsive websites.

Understanding the Elements of Responsive Design

Great article that tackles what responsive design is, and the elements necessary to execute it

Modernizr

Modernizr is an indespensible part of any responsive design or sites that want to take advantage of new HTML5 and CSS3 features. A lightweight javascript library, it allows you to test for specific features and control loading of external resources based on multiple factors.

Respond.js

A lightweight javascript polyfill that enables media query support for older IE browsers.

Responsive design sketch sheets

I love skeching my layouts, and these sheets, from Jeremy Palford, are perfect for visualizing responsive design.

Responsive-Images

Lightweight technique from the Filament Group for serving different images based on screen size or device type.

lynda.com

Be sure to check out the rest of the "CSS:" series as well as our other CSS-related titles!